<template>
    <div class="m-center">
        <el-card class="box-card m-center">
            <div slot="header" class="clearfix">
                <span>个人基本信息</span>
            </div>
            <div>
                <span>用户名：</span>
                <el-input
                    placeholder="请输入内容"
                    v-model="userInfo.username"
                    :disabled="true">
            </el-input>
            </div>

            <div>
                <span>个性签名：</span>
                <el-input
                        placeholder="请输入内容"
                        v-model="userInfo.personalizedSignature"
                        :disabled="true">
                </el-input>
            </div>
        </el-card>
    </div>
</template>

<script>
    export default {
        name: "adminUser",
        data(){
            return{
                userInfo:{}
            }
        },
        mounted() {
            this.getUserInfo()
        },
        methods:{
            getUserInfo() {
                this.userInfo = this.$store.state.userInfo
            },
        }
    }
</script>

<style scoped>
    .text {
        font-size: 14px;
    }

    .item {
        margin-bottom: 18px;
    }

    .clearfix:before,
    .clearfix:after {
        display: table;
        content: "";
    }

    .clearfix:after {
        clear: both
    }

    .box-card {
        width: 480px;
    }
    .m-center{
        margin: 10% auto;
    }
</style>
